var currentIndex = 0;
var nextIndex = currentIndex + 1;
var timer = setInterval(move, 3000);
$("#container").mouseenter(function() {
	clearInterval(timer);
});
$("#container").mouseleave(function() {
	timer = setInterval(move, 3000);
});

$(".btn-right").click(function() {
	move();
})

$(".btn-left").click(function() {
	nextIndex = currentIndex - 1;
	if(nextIndex < 0) {
		nextIndex = 2;
	}
	move();
})

function move() {
	$("#container ul li").eq(currentIndex).fadeOut(400);
	$("#container ul li").eq(nextIndex).fadeIn(400);
	$("#btn i").eq(currentIndex).removeClass("current");
	$("#btn i").eq(nextIndex).addClass("current");
	currentIndex = nextIndex;
	nextIndex++;
	if(nextIndex > 2) {
		nextIndex = 0;
	}
}
$("#btn i").mouseenter(function() {
	console.log($(this).index());
	nextIndex = $(this).index();
	move();
});